@import "tailwindcss";

/* 自定义组件样式 */
@layer components {
  .btn-primary {
    @apply bg-gradient-to-r from-blue-500 to-purple-600 text-white font-semibold py-3 px-6 rounded-lg shadow-lg hover:shadow-xl transform hover:-translate-y-0.5 transition-all duration-200;
  }
  
  .form-input {
    @apply w-full px-3 py-2 border-2 border-gray-200 rounded-lg text-sm transition-colors duration-200 focus:outline-none focus:border-blue-500;
  }
  
  .form-label {
    @apply block mb-2 text-gray-700 font-medium;
  }
  
  .section-card {
    @apply mb-8 pb-6 border-b border-gray-100 last:border-b-0;
  }
  
  .canvas-container {
    @apply border-2 border-gray-200 rounded-xl overflow-hidden bg-white shadow-lg max-w-full max-h-full;
  }
} 